<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据云-概览</title>
    <script src="../js/flexible.js"></script>
    <link rel="stylesheet" href="../css/data-cloud.css"/>
    <style>
      .wrapper {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
      }

      .sub-wrapper {
        height: 100%;
        overflow: auto;
      }
    </style>
</head>
<body>
<div class="wrapper">
  <div class="sub-wrapper">
    <div class="scroller">
    <ul class="content-list" id="content-list">
        <!-- 第一个盒子 -->
        <li class="active">
            <div class="box-1-2">
                <h2><strong>开普勒</strong>观星台</h2>
                <p> 让企业市场决策、产品企划、店铺运营和<br/>用户洞察变得更简单高效</p>
                <div class="row box-1-2-1-box">
                  <div class="col">白电</div>
                  <div class="col">玩具</div>
                  <div class="col">零售</div>
                  <div class="col">鞋服</div>
                </div>
                <div class="row box-1-2-1-box">
                  <div class="col">黑电</div>
                  <div class="col">手机</div>
                  <div class="col">卫浴</div>
                  <div class="col">保健品</div>
                </div>
                <div class="row box-1-2-1-box">
                  <div class="col">汽车</div>
                  <div class="col">家具</div>
                  <div class="col">化妆品</div>
                  <div class="col">......</div>
                </div>
                <div class="row box-1-2-2-box box-1-2-1-icon">
                    <div class="col">
                        <i class="box-1-2-icon-1"></i>
                        <p>品类500+</p>
                    </div>
                    <div class="col">
                        <i class="box-1-2-icon-2"></i>
                        <p>品牌20000+</p>
                    </div>
                    <div class="col">
                        <i class="box-1-2-icon-3"></i>
                        <p>店铺40万+</p>
                    </div>
                </div>
                <div class="row box-1-2-2-box box-1-2-2-icon" style="padding: 0 .45rem;">
                    <div class="col">
                        <i class="box-1-2-icon-4"></i>
                        <p>商品2000万+</p>
                    </div>
                    <!--<div class="col">-->
                        <!--<i class="box-1-2-icon-5"></i>-->
                        <!--<p>用户1.6亿+</p>-->
                    <!--</div>-->
                    <div class="col">
                        <i class="box-1-2-icon-6"></i>
                        <p>评论2亿+</p>
                    </div>
                </div>
            </div>
            <!-- 1-3 -->
            <div class="box-1-3-common">
                <h2 class="absolute"><strong>掌大局</strong>运筹帷幄决胜千里</h2>
                <p class="absolute">掌握行业趋势、发现市场异动<br/>洞察竞争格局、跟踪品牌表现</p>
                <img class="absolute" src="../img/dataCloud/1/3-1.png" alt="">
                <img class="box-1-3-bg" src="../img/dataCloud/1/3-bg.jpg">
            </div>
            <!-- 1-4 -->
            <div class="box-1-3-common">
                <h2 class="absolute"><strong>知己彼</strong>从超越到不可超越</h2>
                <p class="absolute">做好竞品对标、定位短板差距<br/>优化商品布局、辅助产品企划</p>
                <img class="absolute" src="../img/dataCloud/1/4-1.png" alt="">
                <img class="box-1-3-bg" src="../img/dataCloud/1/4-bg.jpg">
            </div>
            <!-- 1-5 -->
            <div class="box-1-3-common">
                <h2 class="absolute"><strong>懂用户</strong>聆听用户最真的心声</h2>
                <p class="absolute">解析购买体验、感知使用感受<br/>分析服务评价、透析用户情感</p>
                <img class="absolute" src="../img/dataCloud/1/5-1.png" alt="">
                <img class="box-1-3-bg" src="../img/dataCloud/1/5-bg.jpg">
            </div>
            <!-- 1-6 -->
            <div class="box-1-3-common">
                <h2 class="absolute"><strong>重运营</strong>数字运营一日千里</h2>
                <p class="absolute">掌控店铺表现、监控促销策略<br/>完善店铺装修、驱动闭环管理</p>
                <img class="absolute" src="../img/dataCloud/1/6-1.png" alt="">
                <img class="box-1-3-bg" src="../img/dataCloud/1/6-bg.jpg">
            </div>
        </li>
    </ul>
    </div>
  </div>
</div>

    <script src="../js/jquery-3.1.0.slim.min.js"></script>
    <script src="../js/common.js"></script>
    <script>
      /*eslint-disable*/
      function preventDefault(ev) {
//        ev.preventDefault()
      }

      document.addEventListener('touchmove', preventDefault, false)
      function isScroller(el) {

        // 判断元素是否为 scroller
        return el.classList.contains('scroller')
      }

      document.body.addEventListener('touchmove', function (ev) {
        var target = ev.target

        // 在 scroller 上滑动，阻止事件冒泡，启用浏览器默认行为。
        if (isScroller(target)) {
          ev.stopPropagation()
        }
      }, false)
    </script>
</body>
</html>
